<div appBsModal #detailModal="bs-modal" class="modal fade" [ngClass]="modalExpandOb.className" tabindex="-1" role="dialog" aria-labelledby="detailModal" aria-hidden="true" [config]="{backdrop: 'static',size:'lg', keyboard: !saving}">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
             
            <form [busyIf]="isLoading">
                <div class="modal-header">
                    <h4 class="modal-title">
                        <span></span>
                    </h4>
                    <span class="pull-right">
                        <a class="btn btn-smallEx" (click)='modalExpandOb.modalExHandle("small")'>
                            <i class="bi bi-arrows-angle-expand" *ngIf="!modalExpandOb.isSmallEx"></i>
                            <i class="bi bi-arrows-angle-contract" *ngIf="modalExpandOb.isSmallEx"></i>
                        </a>
                        <a class="btn btn-fullscreen" (click)='modalExpandOb.modalExHandle("full")'>
                            <i class="bi bi-arrows-fullscreen" *ngIf="!modalExpandOb.isFullScreen"></i>
                            <i class="bi bi-fullscreen-exit" *ngIf="modalExpandOb.isFullScreen"></i>
                        </a>
                        <button type="button" class="close" (click)="close()" [attr.aria-label]="l('Close')"
                            [disabled]="saving">
                            <i aria-hidden="true" class="bi bi-x"></i>
                        </button>
                    </span>
                </div>
                <div class="modal-body">
                    <div class="page-workEdit">
                        <div class="workEdit-box">
                            <div class="workEdit-inner">
                                <div class="workEdit-titbox" *ngIf="false">
                                    <div class="edit-tit" *ngIf="isTitleEdit">
                                        <input type="text" class="form-control" id="Title" name="Title" [(ngModel)]="workFlowData.paper.title">
                                        <span class="icon-edit" (click)="isTitleEdit = !isTitleEdit"></span>
                                    </div>
                                    <div class="normal-tit" *ngIf="!isTitleEdit">
                                        <h2 class="tit">{{workFlowData.paper.title}}</h2>
                                        <span class="icon-edit" (click)="isTitleEdit = !isTitleEdit"></span>
                                    </div>
                                </div>
                                <div class="row2">
                                    <tabset class="ui-tabs-nav">
                                        <tab heading="表单" [active]="true">
                                            <div class="tab-content editTxt-bd">
                                                <div class="tab-pane active in pane-editTxt" id="txt1">
                                                    <div class="container">
                                                        <div class="global-form-box frm-editTxt-box">
                                                            <!-- 基本信息 start -->
                                                            <div class="editTxt-sec editTxt-baseInfo">
                                                                <div id="formdata">
                                                                    <div #vc></div>
                                                                </div>
                                                            </div>
                                                            <!-- 基本信息 end -->
                                                        </div>

                                                    </div>
                                                </div>
                                                <!-- txt1 end -->
                                            </div>
                                        </tab>
                                        <tab heading="查看意见">
                                            <div class="pflow-inner">
                                                <div class="flow-step-table">
                                                    <div class="tr" *ngFor="let item of remarkData">
                                                        <div class="th"><span class="step"></span>{{item.nodeName}}</div>
                                                        <div class="td">
                                                            <ul class="flow-audit">
                                                                <li class="dont" [ngStyle]="{'padding-left': x.lv * 20 + 'px'}" *ngFor="let x of item.data">
                                                                    <div class="hd">
                                                                        <div class="info tit">
                                                                            {{x.userName}}
                                                                            <span>[{{checkState(x)}}{{timeDiffCalc(x.state,x.markedTime,x.finishedTime)}}]</span>
                                                                            <button class="btn btn-xs2" (click)="rollBack(x.id)" *ngIf="paperState===1 &&x.state===2">退到此处</button>
                                                                        </div>
                                                                    </div>
                                                                    <div class="bd">
                                                                        <div class="info time" *ngIf="x.markedTime">开始于：{{x.markedTime}}</div>
                                                                        <div class="info time" *ngIf="x.state === 2 && x.finishedTime">结束于：{{x.finishedTime}}</div>
                                                                        <div class="info opinion" *ngFor="let m of x.additonalMsgArr">
                                                                            {{m.reply}} <button *ngIf="m.reply" class="btn btn-xs2 btn-default" (click)="updateAdditionalMsg(m)">修改意见</button>
                                                                        </div>
                                                                        <div class="info opinion" *ngIf="x.reply">{{x.reply}} <button class="btn btn-xs2 btn-default" (click)="updateReplyMsg(x)">修改意见</button></div>
                                                                        <div class="info opinion" *ngIf="x.state === 1 && x.markedTime"><button class="btn btn-xs2 btn-default" (click)="setUnMarked(x)">设为未读</button></div>
                                                                        <div class="info opinion" *ngIf="x.finishedTime"><button class="btn btn-xs2 btn-default" (click)="updateAuditTime(x)">审批时间修改</button></div>
                                                                    </div>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </tab>
                                        <tab heading="查看流程">
                                            <div class="lcrz-table">
                                                <table cellpadding="0" cellspacing="0">
                                                    <thead>
                                                        <tr>
                                                            <th class="th1">处理人</th>
                                                            <th class="th2">处理时间</th>
                                                            <th class="th3">操作</th>
                                                            <th class="th4">受理人</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr *ngFor="let item of workFlowData.logData">
                                                            <td class="th1"><span>{{item.fromOperator}}</span></td>
                                                            <td class="th2">
                                                                <span>{{timeFormat(item.creationTime)}}</span>
                                                            </td>
                                                            <td class="th3">
                                                                <span>{{item.message}}</span>
                                                            </td>
                                                            <td class="th4">
                                                                <span>{{item.nextOperator}}</span>
                                                            </td>

                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </tab>
                                        <tab heading="传阅记录" *ngIf="false">
                                            <div class="lcrz-table detailModal-attach">
                                                <table cellpadding="0" cellspacing="0">
                                                    <thead>
                                                        <tr>
                                                            <th class="th2">查阅人</th>
                                                            <th class="th3">查阅时间</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr *ngFor="let item of passRoundData">
                                                            <td class="th2">
                                                                <span>{{item.userInfo.userName}}</span>
                                                            </td>
                                                            <td class="th3">
                                                                <span>{{timeFormat(item.finishedTime)}}</span>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </tab>
                                    </tabset>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <a class="btn blue-light" (click)="workflowSave()" *ngIf="paperState===1 || paperState===2">保存</a>
                    <a class="btn blue-light" (click)="invalid()" *ngIf="paperState===1">作废</a>
                    <a class="btn blue-light" (click)="restore()" *ngIf="paperState===3">恢复</a>
                    <a class="btn blue-light" (click)="superDelete()" *ngIf="paperState===3">彻底删除</a>
                    <a class="btn blue-light" (click)="resumeExecute()" *ngIf="paperState===2">恢复办理中</a>
                    <a class="btn blue-light" (click)="archive()" *ngIf="paperState===2">归档</a>
                </div>
            </form>
        </div>
    </div>
</div>
